layui.use(['layer','element'], function(){
	var element = layui.element(); //Tab的切换功能，切换事件监听等，需要依赖element模块

	// tab触发事件
	var active = {
		tabAdd: function(othis){
			if(!othis.data('page-id') || !othis.data('page-id') || !othis.data('src')){
				layer.msg('页面不存在', {icon:2});
			}else{
				// 循环查找页面id是否存在
				var iframe_exist = false;
				$('.mb-title li').each(function(){
					if($(this).attr('lay-id') == othis.data('page-id')){
						iframe_exist = true;
						return false;
					}
				});
				// 页面id不存在则新增
				if(iframe_exist == false){
					element.tabAdd('mb-iframe', {
						title: othis.data('title')
						,content: '<iframe src="'+othis.data('src')+'?time='+Date.parse(new Date())+'" onscroll="yes"></iframe>'
						,id: othis.data('page-id')
					});
					set_iframe_height();
				}
				element.tabChange('mb-iframe', othis.data('page-id'));
			}
		}
	};

	// 页面初始化
	$(function(){
		// 显示内容
		$('body').fadeIn();
		// 初始化菜单展示状态
		$('.mh-nav .layui-nav-item:first').addClass('layui-this');
		$('.manniucms-side .layui-nav')
		$('.manniucms-side .layui-nav').each(function(){
			$(this).find("li:first").addClass('layui-nav-itemed');
		});
		$('.manniucms-side .layui-nav:first').show();

		// body区域无内容时加载左侧导航第一个菜单页面
		if($('.mb-title li').length <= 0){
			// 获取默认页信息
			var default_page = $('.manniucms-side ul li:first').find('dd a:first');
			var default_page_title = default_page.data('title');
			var default_page_content = '<iframe src="'+default_page.data('src')+'?time='+Date.parse(new Date())+'" onscroll="yes"></iframe>';
			var default_page_id = default_page.data('page-id');
			// 高亮默认页菜单
			default_page.parent().addClass('layui-this');
			// 添加tab
			element.tabAdd('mb-iframe', {
				title: default_page_title
				,content: default_page_content
				,id: default_page_id
			})
			// 切换到当前默认页tab
			element.tabChange('mb-iframe', default_page_id);
			// 隐藏默认页关闭按钮
			$('.mb-title li').each(function(){
				if($(this).attr('lay-id') == default_page_id){
					$(this).find('.layui-tab-close').hide();
				}
			});
		}
		set_iframe_height();
	});

	// 监听菜单切换
	$('.mh-nav .layui-nav-item a').on('click', function(){
		$('.manniucms-side .layui-nav').hide();
		$('#'+$(this).data('nav-id')).show();
	});

	// 监听左侧导航点击
	$('.manniucms-side .layui-nav-child dd a').on('click', function(){
		var othis = $(this), type = 'tabAdd';
		active[type] ? active[type].call(this, othis) : '';
	});

	// 监听选项卡切换，同时切换相应的高亮菜单
	element.on('tab(mb-iframe)', function(data){
		var page_id = $('.mb-title li:eq('+data.index+')').attr('lay-id');
		// 移除左侧菜单选中状态
		$('.manniucms-side .layui-nav-child dd').removeClass('layui-this');
		// 移除顶部菜单选中状态
		$('.manniucms-header .layui-nav-item').removeClass('layui-this');

		$('.manniucms-side dd').each(function(){
			var ms_dd = $(this);
			// 根据属性 data-page-id 查找tab内容对应的左侧菜单
			if(ms_dd.children('a').data('page-id') == page_id){
				// 切换头部与左侧菜单组
				$('.mh-nav .layui-nav-item').each(function(){
					// 获取左侧菜单父节点ul的id
					if($(this).children('a').data('nav-id') == ms_dd.closest('.layui-nav').attr('id')){
						$('.mh-nav .layui-nav-item').removeClass('layui-this');
						$('.manniucms-side .layui-nav').hide();
						$('#'+$(this).children('a').data('nav-id')).show();
						$(this).addClass('layui-this');
						return false;
					}
				});
				// 修改当前左侧菜单为选中状态，并展开当前菜单组
				if(ms_dd.closest('li').hasClass('layui-nav-itemed')){
				}else{
					ms_dd.closest('li').addClass('layui-nav-itemed');
				}
				ms_dd.addClass('layui-this');
				return false;
			}
		});
	});

	// 设置tab中所有iframe的高度
	function set_iframe_height(){
		$('.manniucms-body .layui-tab-content iframe').each(function(){
			$(this).css('height',$(".manniucms-body").height());
			// console.log($(this).height());
		});
	}

	// 当浏览器窗口发生变化时，设置iframe高度
	$(window).resize(function() {
		set_iframe_height();
	});
});